<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "ActCats",
  props: {
    cats: Array
  }
})
</script>

<template>
  <div class="act-cats-div">
    <span v-for="item in cats">
      <van-tag plain type="primary" size="large">{{item.cat}}</van-tag>
    </span>
  </div>
</template>

<style scoped>
.act-cats-div {
  display: flex;
  align-items: center;
  >span:nth-child(n+2){
    margin-left: 5px;
  }
}
</style>